<!DOCTYPE html>
<html>
<head>
  <title>Animation demo</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="../helper.js"></script>

  <style type="text/css" media="screen">
    .button {
      background-image: -webkit-linear-gradient(270deg, rgb(249, 249, 249) 40%, rgb(227, 227, 227) 70%);
      background-image: -moz-linear-gradient(270deg, #F9F9F9 40%, #E3E3E3 70%);
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      border-top: 1px solid #BBB;
      border-right: 1px solid #BBB;
      border-bottom: 1px solid #BBB;
      border-left: 1px solid #BBB;
      background-color: #F9F9F9;
      padding: 10px;
      margin-right: 5px;
      margin-top: 20px;
      float: left;
      cursor: pointer;
      text-align: center;
      width: 100px;
    }

    body {
      margin: 20px;
    }
  </style>
</head>
<body></body>
</html>